<!DOCTYPE html>
<html>
<head>
  <title>测试页面</title>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, minimal-ui">
  <link rel="stylesheet" href="http://mall.chinalove99.net/css/app.css">
  <link rel="stylesheet" href="http://mall.chinalove99.net/css/base.css" type="text/css" />
</head> 
<body style="overflow:scroll;">



<div class="hyfl">
    <div class="hyflbt">
        <img src="http://www.chinalove99.net/mall/uploads/adache/app/aqlz1.png" alt=""></div>
    <style>
        #index-slides1 .swiper-wrapper .swiper-slide img{
            height: 100px;
            width: 100%;
        }
    </style>
    <div id="index-slides1" style="position: relative;overflow-x: hidden;margin: 10px 5px 0;height: 100px;">
        <div class="swiper-wrapper" style="">
        <?php foreach ($ad1 as $value) {?>
            <div class="swiper-slide">
                <a href="<?=$value['url']?>">
                    <img src="<?=$value['img']?>" alt="">
                </a>
            </div>
        <?php }?>
        </div>
    </div>
    <style>
        .fl{
            overflow: hidden;
            border: 1px solid #eee;
            margin-top: 10px;
        }
        .hy{
            overflow: hidden;
        }
        .hy li{
            float:left;
            width: 46.5%;
            border:1px solid #eee;
            margin: 5px;
            height: 290px;
        }
        .hy li a img{
            width: 100%;
            height: 200px;
        }
        .hy li a p{
            margin: 10px 0 0;
            font-size: 15px;
            padding: 0 5px;
        }
        .hy li a p:nth-child(3){
            margin-top: 6px;
            float: left;
            font-size: 16px;
            font-weight: 800;
            color:#FF0000;
        }
        .hy li a p:nth-child(4){
            font-size: 13px;
            margin-right: 5px;
            float:right;
            width: 40%;
            color:#4a4a4a;
            text-align: right;
        }
        .fl ul li{
            float:left;
            width:24.5%;
            text-align: center;
            line-height: 40px;
            height:40px;
            font-size: 15px;
            font-family: "方正大黑简体";
            font-weight: 600;
        }
        .fll .hy{
            display: none;
        }
        .fll .hy:first-child{
            display: block;
        }
        .active{
            color:#FF0000;
            border-bottom: 3px solid #ff0000;
        }
    </style>
    <div class="fl">
        <ul>
            <?php foreach ($goods_cats1 as $cat) {?>
            <li><?=$cat['name']?></li>
            <?php }?>
        </ul>
    </div>
    <div class="fll">
        <?php foreach ($goods_cats1 as $cat) {?>
        <div class="hy">
        <ul>
            <?php foreach ($cat['goods'] as $value) {?>
            <li><a href="<?=$value['url']?>"><img src="<?=$value['img']?>" alt="">
                    <p><?=$value['title']?></p>
                    <p>￥<?=$value['price']?></p>
                    <p><?=$value['tag']?></p></a></li>
            <?php }?>
        </ul>
        </div>
        <?php }?>
    </div>
    <style>
        .fle{
            overflow: hidden;
            border-collapse: collapse;
            box-sizing: border-box;
            background-color: #f6f6f6;
            padding-bottom:5px;
        }
        .fle ul{
            margin: 5px 0;
        }
        .fle ul li{
            padding: 0 3px;
            text-align: center;
            height: 35px;
            line-height: 35px;
            width: 22.4%;
            margin: 4.5px;
            float: left;
            box-sizing: border-box;
            background-color: #fff;
            font-size: 15px;
        }
    </style>
    <div class="fle">
        <ul>
          <?php if(!empty($goods_cats2)){foreach ($goods_cats2 as $cat) {?>
            <li><a href="#"><?=$cat['name']?></a></li>
          <?php }}?>
        </ul>
    </div>
</div>

</body>
</html>


